<template>
  <div>
    <div class="mengceng" v-show="ssw"></div>
    <h1>花果山集团</h1>
    <label><input type="button" value="增加用户" @click="showD" /></label>
    <template>
      <message />
    </template>
    <template>
      <AddLable v-show="show" @cle="cle" class="emtuofo" />
    </template>
  </div>
</template>

<script>
import Message from "./ui/message.vue";
import AddLable from "./ui/label.vue";
export default {
  data() {
    return {
      show: false,
      lab: {
        username: "",
        phone: "",
        password: "",
      },
      ssw: false,
    };
  },
  components: { Message, AddLable },
  methods: {
    showD() {
      (this.show = !this.show), (this.ssw = true);
    },
    cle(v){
      this.ssw = v;
      this.show = v
    }
  },
};
</script>

<style lang="scss" scoped>
.mengceng {
  position: absolute;
  z-index: 1000;
  width: 1680px;
  height: 780px;
  background-color: #000;
  opacity: 0.3;
}
.lab {
  width: 400px;
  height: 300px;
}
.lab label input {
  margin-top: 20px;
}
</style>